<!DOCTYPE html>
<html>
<head>
	<title>index</title>
</head>
<body>
	
	<!-- 单机事件 -->
<div class='img'>
	<img src="./picture/eight.jpg" onclick='alert(123)'>
</div>



<!-- 鼠标划入划出事件 -->
<div class='img'>
	<img src="./picture/eight.jpg" onmouseenter='alert(123)'>
</div>




<!-- js特效 -->
<div class='img'>
	<img src="./picture/eight.jpg" id='imgid'>
</div>





<!-- <div>
	<h1>aaaaaaaaaaaaaa</h1>
	<script type="text/javascript">
		username='菁菁';
		document.write('<h1>my username is '+username+'</h1>');
	</script>
	<h1>bbbbbbbbbbbbbbbb</h1>
</div> -->
</body>
<!-- 内部JS嵌套 -->
<script type="text/javascript">
	// 	//找到对象
	// imgobj=document.getElementById('imgid');
	// //给对象加事件，事件一般来说就是函数，函数用function(){}来表示，代码段都写在{}里头
	// imgobj.onclick=function(){
	// 	//代码段
	// 	alert(imgobj.src);
	// }
	// //触发事件(人为)



// //定义变量和表达式
// 	//定义变量x
// 	x=8;
// 	//定义变量y
// 	y=7;
// 	//定义表达式z=x+y
// 	z=x+y;
// 	alert(z);




// //变量的作用
// username='菁菁';
// // alert('my name is '+username);
// // alert(username);
// document.write('<h1>my username is '+username+'</h1>');

</script>
</html>